*{
    padding:0;
    margin:0;
}
html,body{
    height:100%;
    background:#ccc;
}
.container{
    width: 480px;
    height:100%;
    position: relative;
}
.header img{
    width:480px;
    height:326px;
    display: block;
}
.content{
    width:90%;
    height:auto;
    margin:auto;
    background:#fff;
    margin-top:20px;
}
.content-title{
    width:100%;
    height:100px;
    background:#d19e71;
}
.content-title-top{
    width:90%;
    margin:auto;
    height:50px;
    line-height: 70px;
    color:#fff;
    font-size:24px;
    font-weight:bold;
}
.content-title-down{
    width:90%;
    height:50px;
    margin:auto;
    margin:auto;
    /*background:green;*/
    overflow: hidden;
}
.arrow1{
    width:44px;
    height:17px;
    float:left;
    margin-top:15px;
}
.arrow1 img{
    width:44px;
    height:17px;
    display: block;
}
.arrow1 span{
    color:#d19e71;
    font-size:12px;
    margin-top:-20px;
    display: block;
    margin-left:15px;
}
.arrow2{
    width:44px;
    height:17px;
    float:left;
    margin-left:5px;
    margin-top:15px;
}
.arrow2 img{
    width:38px;
    height:17px;
    display: block;
}
.arrow2 span{
    color:#d19e71;
    font-size:12px;
    margin-top:-20px;
    display: block;
    margin-left:18px;
}
.triangle{
    width: 0;
    height: 0;
    border: 15px solid #d19e71;
    border-top-color: #d19e71;
    border-bottom: none;
    margin-left:50px;
    border-left-color: transparent;
    border-right-color: transparent;
}
.content-con{
    width:90%;
    height:100%;
    margin:auto;
}
.content-con .p1{
    text-indent: 25px;
    font-size:16px;
   margin-top:25px;
}
.content-con .p2{
    text-indent: 25px;
    font-size:16px;
    margin-top:25px;
}
.content-con .p3{
    text-indent: 25px;
    font-size:16px;
    margin-top:25px;
}
.content-con .p4{
    text-indent: 25px;
    font-size:16px;
    margin-top:25px;
    padding-bottom:25px;
}